<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./测试.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1887002_toz9jskfbys.css">
</head>
<body>
    <div class="header">
        <div class="wrapper">
            <div class="select">
                <ul class="select-sit">
                    <li>大米网</li>
                    <li>MIUI</li>
                    <li>米聊</li>
                    <li>游戏</li>
                    <li>多看阅读</li>
                    <li>云服务</li>
                    <li>大米移动版</li>
                    <li>问题反馈</li>
                    <li class="last-sit">Select Region</li>
                </ul>
            </div>
            <div class="reg">
                <ul class="reg-sit">
                    <li>登录&nbsp;&nbsp;|&nbsp;&nbsp;注册</li>
                    <li>购物车（0）</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="logo-home">
            <div class="logo">
                <img src="./images/xiaomi_logo.png" alt="">
            </div>
            <div class="mobile">
                <ul class="phone">
                    <li>大米手机</li>
                    <li>红米</li>
                    <li>平板</li>
                    <li>电视</li>
                    <li>盒子</li>
                    <li>路由器</li>
                    <li>智能硬件</li>
                    <li>服务</li>
                    <li>社区</li>
                </ul>
            </div>
            <div class="go">
                <input type="text">
                <div class="srh">
                    <img src="./images/Snipaste_2020-07-01_14-17-28.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="pla">
        <div class="plate">
            <div class="item">
                <ul class="itemnb">
                    <li>
                        手机 平板 
                        <i class="iconfont icon-dayuhao"></i>
                    </li>
                    <li>
                        电视 盒子
                        <i class="iconfont icon-dayuhao"></i>
                    </li>
                    <li>
                        路由器 智能配件
                        <i class="iconfont icon-dayuhao"></i>
                    </li>
                    <li>
                        移动电源 插线板
                        <i class="iconfont icon-dayuhao"></i>
                    </li>
                    <li>
                        耳机 音箱
                        <i class="iconfont icon-dayuhao"></i>
                    </li>
                    <li>
                        电池 储存卡
                        <i class="iconfont icon-dayuhao"></i>
                    </li>
                    <li>
                        保护套 后盖
                        <i class="iconfont icon-dayuhao"></i>
                    </li>
                    <li>
                        贴膜 其他配件
                        <i class="iconfont icon-dayuhao"></i>
                    </li>
                    <li>
                        米兔 服饰
                        <i class="iconfont icon-dayuhao"></i>
                    </li>
                    <li>
                        背包 其他周边
                        <i class="iconfont icon-dayuhao"></i>
                    </li>
                </ul>
            </div>
            <div class="pic">
                <img src="./images/T1vWdTBKDv1RXrhCrK.jpg" alt="">
            </div>
        </div>
    </div>
    <div class="yuyue">
        <div class="goumai">
            <div class="chongzhi">
                <ul class="chapin">
                    <li >
                        <p> START</p>
                        <p>开放购买</p>
                    </li>
                    <li >
                        <p> START</p>
                        <p>开放购买</p>
                    </li>
                    <li >
                        <p> START</p>
                        <p>开放购买</p>
                    </li>
                    <li >
                        <p> START</p>
                        <p>开放购买</p>
                    </li>
                    <li >
                        <p> START</p>
                        <p>开放购买</p>
                    </li>
                    <li >
                        <p> START</p>
                        <p>开放购买</p>
                    </li>
                </ul>
            </div>
            <div class="start">
                <img src="./images/a1.jpg" alt="">
            </div>
            <div class="shouji">
                <img src="./images/a1.jpg" alt="">
            </div>
            <div class="pban">
                <img src="./images/a1.jpg" alt="">
            </div>
        </div>
    </div>
   
    <div class="star">
        <div class="star1">
            <div class="title">
                <h3>
                    大米明星单品
                </h3>
                <div class="fuhao">
                    <div class="dayuhao">
                       &lt;
                    </div>
                    <div class="xiaoyuhao">
                        &gt;
                    </div>
                </div>
            </div>  
            <ul class="shuma">
                <li>
                    <img src="./images/a2.jpg" alt="">
                    <p>大米电视2/25 全系列</p>
                    <p>40/48/40/55英寸 现货购买</p>
                </li>
                <li>
                    <img src="./images/a2.jpg" alt="">
                    <p>大米平板</p>
                    <p>全球首款  NVIDIA  Tegra  K1  平板</p>
                </li>
                <li>
                    <img src="./images/a2.jpg" alt="">
                    <p>大米盒子增强版  1G</p>
                    <p>首款4K超高清网络机顶盒</p>
                </li>
                <li>
                    <img src="./images/a2.jpg" alt="">
                    <p>全新大米路由器</p>
                    <p>顶配路由器，企业级性能</p>
                </li>
                <li>
                    <img src="./images/a2.jpg" alt="">
                    <p>大米头戴式耳机</p>
                    <p>媲美主流千元级头戴耳机</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="yingjian">
        <h3>智能硬件</h3>
        <div class="zhineng">
            <div class="air">
                <img src="./images/a3.jpg" alt="">
            </div>
            <div class="wifi">
                <ul class="tds">
                    <li>
                        <img src="./images/a4.jpg" alt="">
                        <p>大米智能家庭套装</p>
                        <p>3分钟快速安装，30多种智能玩法</p>
                        <span>199元</span>
                    </li>
                    <li>
                        <img src="./images/a4.jpg" alt="">
                        <p>大米智能家庭套装</p>
                        <p>3分钟快速安装，30多种智能玩法</p>
                        <span>199元</span>
                    </li>
                    <li>
                        <img src="./images/a4.jpg" alt="">
                        <p>大米智能家庭套装</p>
                        <p>3分钟快速安装，30多种智能玩法</p>
                        <span>199元</span>
                    </li>
                    <li>
                        <img src="./images/a4.jpg" alt="">
                        <p>大米智能家庭套装</p>
                        <p>3分钟快速安装，30多种智能玩法</p>
                        <span>199元</span>
                    </li>
                    <li>
                        <img src="./images/a4.jpg" alt="">
                        <p>大米智能家庭套装</p>
                        <p>3分钟快速安装，30多种智能玩法</p>
                        <span>199元</span>
                    </li>
                    <li>
                        <img src="./images/a4.jpg" alt="">
                        <p>大米智能家庭套装</p>
                        <p>3分钟快速安装，30多种智能玩法</p>
                        <span>199元</span>
                    </li>
                    <li>
                        <img src="./images/a4.jpg" alt="">
                        <p>大米智能家庭套装</p>
                        <p>3分钟快速安装，30多种智能玩法</p>
                        <span>199元</span>
                    </li>
                    <li>
                        <img src="./images/a4.jpg" alt="">
                        <p>大米智能家庭套装</p>
                        <p>3分钟快速安装，30多种智能玩法</p>
                        <span>199元</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="free">
        <ul class="free-repear">
            <li>一小时快修服务</li>
            <li>7天无理由退货</li>
            <li>15天免费退货</li>
            <li>满150元包邮</li>
            <li class="last-free">520余家售后网点</li>
        </ul>
    </div>
    <div class="bottom">
        <div class="bottom-left">
            <ul class="help">
                <li>
                    <p>帮助中心</p> 
                    <p>购物指南</p>
                    <p>支付方式</p>
                    <p>配送方式</p>
                </li>
                <li>
                    <p>帮助中心</p> 
                    <p>购物指南</p>
                    <p>支付方式</p>
                    <p>配送方式</p>
                </li>
                <li>
                    <p>帮助中心</p> 
                    <p>购物指南</p>
                    <p>支付方式</p>
                    <p>配送方式</p>
                </li>
                <li>
                    <p>帮助中心</p> 
                    <p>购物指南</p>
                    <p>支付方式</p>
                    <p>配送方式</p>
                </li>
            </ul>
        </div>
        <div class="bottom-right">
            <ul class="hot">
                <li>
                    400-100-5678
                </li>
                <li>
                    周一至周日8:00-18：00
                </li>
                <li>
                    （仅收市话费）
                </li>
                <li>
                    <div class="hour">
                        24小时在线客服
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="police">
        <div class="mi-logo">
        </div>
        <ul class="read">
            <li>大米网</li>
            <li>MIUI</li>
            <li>米聊</li>
            <li>多看书城</li>
            <li>大米路由器</li>
            <li>大米后院</li>
            <li>大米天猫</li>
            <li>大米淘宝直营店</li>
            <li>大米网盟</li>
            <li>问题反馈</li>
            <li class="last">Select Region 5555555号</li>
        </ul>
    </div>
</body>
</html>